<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="keywords"
      content="大学生学习"
      content="HTML学习实践"
      content="杨澎锴"
    />
    <meta
      name="description"
      content="西北民族大学2017级新闻学1班的学生杨澎锴网络编辑和运用html学习实践"
    />
    <title>杨澎锴的学习实践01</title>
  </head>

  <body>
    <!-- 网站的导航采用nav显示 nav只是语义上的标记，不是形式上的标记-->
    <p><a href="../index1.html">返回首页</a></p>
    <nav>
      <h1>网站的导航</h1>
      <figure>
        <img
          src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1582027716057&di=370a868caaea6903821e17a1fe0a604b&imgtype=0&src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20170321%2F154eef02f55549c6bdda6b537890d881_th.jpeg"
          alt="一块红布遮住了眼"
          width="10%"
        />
        <figcaption>一块红布遮住了天 <br />崔健</figcaption>
      </figure>
      HTML语法的基本理解：起始标签和结束标签构成一个内容；起始标签包含内容，结束标签标记这个内容的结束，标签当中用某一个元素进行标记
      <dl>
        <dt>网站作者：杨澎锴</dt>
      </dl>
      <ol>
        <li><a href="/00/README.md">我的第一次作业</a></li>
      </ol>
    </nav>
    <p>
      我最喜欢的网站之一：
      <!-- 设定链接的默认打开方式“_blank”为新建一个页面，“_self”为在这个页面打开 -->
      <a href="http://china.nba.com">nba中文网 <base target="_blank" /></a>
    </p>
    <!-- 文章article的实践学习 -->
    <article>
      <header>
        <h2>H2的学习实践</h2>
      </header>
      <!-- pre文章段落表示原格式不变化 -->
      <pre>
               关雎
            先秦：佚名
关关雎鸠，在河之洲。窈窕淑女，君子好逑。
参差荇菜，左右流之。窈窕淑女，寤寐求之。
求之不得，寤寐思服。悠哉悠哉，辗转反侧。
参差荇菜，左右采之。窈窕淑女，琴瑟友之。
参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。 
         </pre
      >
    </article>
    <hr />
    <footer>
      <!-- 注脚的学习实践，添加address -->
      <address><a href="mailto:974701826@qq.com">邮箱</a></address>
    </footer>
    <!-- mian从语义逻辑上的来标记什么是页面中最重要的部分 -->
  </body>
</html>
